/**************** 首页 ****************/
@import './module-styles/define-styles.scss';

/******** 主元素 ********/
.index {
  section {
    @include content-panel(0, 12px 0);
    margin-bottom: 24px;
    color: $base-font-color;

    a {
      color: $base-link-color;

      &:hover {
        color: darken($base-link-color, 10%);
      }
    }

    p {
      margin: 12px 0;
      padding: 0 18px;
    }

    .album {
      padding: 18px;
      display: grid;
      grid-auto-rows: 308px;
      grid-template-columns: repeat(2, 1fr);
      gap: 18px;

      .album-item {
        border-radius: 15px;
        transition: all 0.15s;
        overflow: hidden;
        cursor: pointer;

        &:hover {
          transform: scale(1.07);
          box-shadow: $base-shadow;
        }

        img {
          width: 100%;
          height: 100%;
          object-fit: cover;
        }
      }
    }
  }
}

/******** 相册相关元素 ********/
.large-photo-container {
  width: 88vw;
  max-width: 1660px;
  aspect-ratio: 212 / 119;
  overflow: hidden;

  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
